<template>
	<div id="app">
   		 <div id="cover"></div>
   		 <Header></Header>
   		 <!-- <Todo></Todo> -->
   		 <router-link to="/app">app</router-link>
   		 <router-link to="/login">login</router-link>
   		 <router-view></router-view>
   		 <Footer></Footer>
	</div>
</template>
<script>
	import Header from './layout/header.vue'
	import Footer from './layout/footer.jsx'
	import Todo from './view/todo/todo.vue'
	export default {
	  components: {
	  	Header,
	  	Footer,
	  	Todo
	  },
  data () {
      	return {
      		text: ''
      	}
  }
	}
</script>
<style lang='less' scoped>
	#app{
		position: absolute;
		left:0;
		right:0;
		bottom:0;
		top:0;
	}
	#cover{
		position: absolute;
		left:0;
		right:0;
		bottom:0;
		top:0;
		background-color: #999;
		opacity:.9;
		z-index: -1;
	}
</style>